<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="${host_url}/js/app/jquery.min.js"></script>
<script type="text/javascript" src="${host_url}/js/app/common.js"></script>
<script type="text/javascript" src="${host_url}/js/app/utf.js"></script>
<script type="text/javascript" src="${host_url}/js/app/jquery.qrcode.js"></script>
<link rel="stylesheet" href="${host_url}/css/app/common.css">
<link rel="stylesheet"  href="${host_url}/css/app/invite_friend.css">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<title>个人邀请</title>
<script type="text/javascript">
$(document).ready(function() {

	function defineUnit(){document.querySelector('html').style.fontSize = document.documentElement.clientWidth / 10 + 'px'};
	defineUnit();
	window.onresize = function(){ defineUnit() };
}); 

</script>
<script type="text/javascript">
	function fn_go_friendListOne(){
		var friend_list_url = $("#friend_list_url").val();
		window.webkit.messageHandlers.ios_open_page.postMessage('WKViewController:::url->'+friend_list_url+':::webTitle->邀请好友:::isRefresh->YES');
	}
</script>

</head>
<style>

.main .footer > img{
	max-width: 600px;
    margin: 0 auto;
}
.main .header .name-title{width:80%;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;margin:0 auto;}
</style>
<body>
<input type="hidden" id="friend_list_url" value="${friend_list_url}" />
	<div class="main">	
	    <div class="header" style="max-width:600px;margin:0 auto;">
	      <div style="position:relative;z-index:-1;"><img src="${host_url}/img/heade_bg.jpg" alt="" style=""></div>
	      <p class="head-wrap"><img src="${member.logo }" alt=""></p>
	      <p class="name-title">${member.nick_name}</p>
	      <p class="slogan">邀请您加入友米乐</p>
	    </div>
	    <div class="content-wrap">
	      <div class="qrcode-wrap po-r">	
	        <c:if test="${'android'==os || 'ios'==os}">
					<img id="img_qrcode" src="getQ?invite_no=${member.invite_no}"  class="qrcode"/>
					<img src="${app_logo}" alt="友米乐logo"  class="qrcode-logo po-a">
				</c:if>
				<c:if test="${'wechat'==os ||'web'==os}">
					<%-- <img id="img_qrcode" alt="微信二维码" src="${Wechat_fileName}"  class="qrcode"/>
					<img src="${app_logo}" alt="友米乐logo"  class="qrcode-logo po-a"> --%>
					<img id="img_qrcode" src="${host_url}/v2/friend/getQ?invite_no=${member.invite_no}"  class="qrcode"/>
					<img src="${app_logo}" alt="友米乐logo"  class="qrcode-logo po-a">
				</c:if>
	      </div>
	    </div> 
	    <div class="footer po-a" style="max-width:600px;margin:0 auto;">
	      <div style="position:relative;z-index:-1;"><img src="${host_url}/img/footer_bg.png" alt="" "></div>
		  <c:if test="${'ios'==os}">
				<button class="po-f" onclick="fn_go_friendListOne()" >查看已邀请的好友&gt;</button>
	  	  </c:if>
	 	  <c:if test="${'android'==os}">
				<button class="po-f" onclick="android.startUrl('邀请好友','${friend_list_url}')">查看已邀请的好友&gt;</button>
		  </c:if>
	 	  <c:if test="${'wechat'==os ||'web'==os}">
				<button class="po-f" onclick="go_friendListOneForWE()"  id='{"name":"toFriendList"}'>查看已邀请的好友&gt;</button>
		  </c:if>
	    </div>
  </div>
</body>
</html>